//文档加载事件
$(function () {

    //初始化插件
    $("#slider").slidebox({
        boxh: 400, //盒子的高度
        w: 1000, //图片的宽度
        h: 370, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#book-slider").slidebox({
        boxh: 220, //盒子的高度
        w: 326, //图片的宽度
        h: 218, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#book-slider2").slidebox({
        boxh: 220, //盒子的高度
        w: 326, //图片的宽度
        h: 218, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#book-slider3").slidebox({
        boxh: 220, //盒子的高度
        w: 326, //图片的宽度
        h: 218, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#cloth-slider").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#cloth-slider2").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#cloth-slider3").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#sports-slider").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#sports-slider2").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#sports-slider3").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#child-slider").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#child-slider2").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#child-slider3").slidebox({
        boxh: 334, //盒子的高度
        w: 436, //图片的宽度
        h: 334, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    // 电子书
    // 注册鼠标移入事件
    $('.book-right li').mouseover(function () {
        // 鼠标移入给当前属性添加样式
        $(this).addClass('add').siblings('li').removeClass('add')
    })
    // 选项卡
    // 注册鼠标移入事件
    $('.book-top li').mouseover(function () {
        $(this).addClass('box').siblings('li').removeClass('box')
        let i = $(this).index()
        $('.book-center').eq(i).addClass('block').siblings('ul').removeClass('block')
    })


    // $('.cloth-bottom').css('display','none')

    // 服装
    // 注册鼠标移入事件
    $('.cloth-top li').mouseover(function () {
        $(this).addClass('box').siblings().removeClass('box')
        let index = $(this).index()
        $('.cloth-bottom').eq(index).addClass('block').siblings('.cloth-bottom').removeClass('block')
    })

    // 运动
    // 注册鼠标移入事件
    $('.sports-top li').mouseover(function () {
        $(this).addClass('box').siblings().removeClass('box')
        let index = $(this).index()
        $('.sports-bottom').eq(index).addClass('block').siblings('.sports-bottom').removeClass('block')
    })

    // 童装
    // 注册鼠标移入事件
    $('.child-top li').mouseover(function () {
        $(this).addClass('box').siblings().removeClass('box')
        let index = $(this).index()
        $('.child-bottom').eq(index).addClass('block').siblings('.child-bottom').removeClass('block')
    })

    // 商品
    // 注册鼠标移入事件
    $('.goods-top div').mouseover(function () {
        $(this).addClass('bg-f60').siblings('div').removeClass('bg-f60')
        let index2 = $(this).index()
        $('.goods ul').eq(index2).addClass('block').siblings('.goods ul').removeClass('block')

    })


    //楼层跳转
    $('.floot p').on({
        'mouseover': function () {
            let i = $(this).data('bgc')
            $(this).css({
                'backgroundColor': i,
                backgroundPositionX: -40,
                'width': '80px',
                'color': '#fff'
            })
        },'mouseout':function () {
            $(this).css({
                'backgroundColor': '',
                backgroundPositionX: 0,
                'width': '40px',
                'color': '#fff'
            })
        },'click':function () {
            let index3 = $(this).index()
            if(index3 === 5){
                $('html').animate({scrollTop:'0'},500)
            }else{
                let s = $('.floot-box').eq(index3).offset().top
            $('html').animate({scrollTop:s},500)
            }
            
        }
    })


    // 固定搜索框
    $(window).scroll(function(){
        let stop = $('html').scrollTop()
        console.log(stop)
        if(stop>800){
            $('.fixed').slideDown()
            $('#q').appendTo('#a')
        }else{
            $('.fixed').slideUp()
            $('#q').appendTo('.head-center')
            $('#q').css({
                'float':'right'
            })
        }
        
    })

    // 固定弹框
    $('.add img:nth-child(2)').mouseover(function(){
        $('.add img:nth-child(4)').slideDown()
    })
    $('.add img:nth-child(2)').mouseout(function(){
        $('.add img:nth-child(4)').slideUp()
    })





})